@import './mixin.scss'; 
.page_bottom{
	width: 100%;
	height: 20rpx;
	&.long{
		height: 40rpx;
	}
}
// 按钮
.btn_box{
	width: 100%;
	height: 90rpx;
	line-height: 90rpx;
	margin-top: 136rpx;
	button{
		height: 90rpx;
		line-height: 90rpx;
		color: #FFFFFF;
		border: none;
		outline: none;
		font-size: 32rpx;
		@include prefixCss3(background,linear-gradient(to bottom,#569DFA 0%,#3776F6 100%));
		&.gray{
			@include prefixCss3(background,linear-gradient(to bottom,#999999 0%,#505050 100%));
		}
	}
	.uni-button:after{
		border: none;
	}
  &.margin_10{
    margin-top: 40rpx;
  }
	&.remove_margin{
		margin: 0;
		background-color: #F3F3F7;
		button{
			border-radius: 0;
		}
	}
}

// 头部标题 返回按钮
.return_box{
	width: 100%;
	height: 90rpx;
	text-align: center;
	font-size: 40rpx;
	position: fixed;
	z-index: 100;
	background-color: #FFFFFF;
	box-shadow: 0 0 24rpx rgba(0,0,0,0.16);
	top: 0;
	left: 0;
	&.zIndex{
		z-index: 10076;
	}
	&.no_boxshadow{
		box-shadow: none;
	}
	&.no_position{
		position: static !important;
	}
	.return_icon{
		position: absolute;
		top: 15rpx;
		left: 32rpx;
		width: 60rpx;
		height: 60rpx;
		image{
			width: 44rpx;
			height: 44rpx;
		}
	}
	.close_icon{
		position: absolute;
		top: 15rpx;
		right: 20rpx;
		width: 60rpx;
		height: 60rpx;
		image{
			width: 48rpx;
			height: 48rpx;
		}
	}
	.return_title{
		width: 100%;
		height: 90rpx;
		line-height: 90rpx;
		&.title{
			width: 550rpx;
			margin: 0 100rpx;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
	}
	.return_search,.return_add{
		position: absolute;
		top: 15rpx;
		right: 32rpx;
		width: 60rpx;
		height: 60rpx;
		image{
			width: 44rpx;
			height: 44rpx;
		}
		.dot{
			position: absolute;
			top: 12rpx;
			right: 0;
			padding: 0 10rpx;
			min-width: 36rpx;
			height: 36rpx;
			border-radius: 20rpx;
			background-color: #FA3534;
			color: #FFFFFF;
			font-size: 24rpx;
		}
	}
	.return_add{
		image{
			width: 60rpx;
			height: 60rpx;
		}
		&.left{
			right: 172rpx;
		}
		&.left_person{
			right: 172rpx;
			image{
				width: 54rpx;
				height: 54rpx;
			}
		}
	}
	.return_right{
		position: absolute;
		top: 15rpx;
		right: 102rpx;
		width: 60rpx;
		height: 60rpx;
		image{
			width: 44rpx;
			height: 44rpx;
		}
	}
}
// 返回按钮
.return{
	position: fixed;
	top: 42rpx;
	left: 32rpx;
	width: 44rpx;
	height: 44rpx;
	image{
		width: 44rpx;
		height: 44rpx;
	}
}
.load{
	position: absolute;
	width: 72rpx;
	height: 72rpx;
	top: 50%;
	left: 50%;
	margin-top: -36rpx;
	margin-left: -36rpx;
}
// field表单
.field_box{
	width: 100%;
	height: 82rpx;
	color: #3A3A3A;
	background-color: rgba(255,255,255,1);
	border-bottom: 1rpx solid #E2E2E2;
	.field_pic{
		width: 46rpx;
		height: 82rpx;
		float: left;
		margin-left: 46rpx;
		image{
			width: 36rpx;
			height: 36rpx;
		} 
	}
	.field_title{
		width: 578rpx;
		height: 82rpx;
		float: left;
		margin-left: 22rpx;
		.title_one{
			height: 82rpx;
			line-height: 82rpx;
			&:first-child{
				width: 118rpx;
			}
			&:nth-child(2){
				width: 440rpx;
				color: #707070;
				font-size: 24rpx;
				margin: 0 10rpx;
				text-align: right;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}
		}
	}
	.field_go{
		width: 32rpx;
		height: 82rpx;
		float: left; 
		image{
			width: 32rpx;
			height: 32rpx;
		}
	}
}
.blank{
	width: 100%;
	height: 90rpx;
	background-color: rgba(246,248,250,1);
	&.long{
		height: 110rpx;
	}
	&.short{
		height: 20rpx;
	}
	&.small{
		height: 6rpx;
	}
}